 
      .disc {
        position: relative;
        margin: 200px auto;
        width: 300px;
        height: 300px;
        border: 1px solid #000;
        border-radius: 50%;
      }

      .axis {
        position: absolute;
        top: 150px;
        left: 150px;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #000;
      }

      .hourHand {
        position: absolute;
        top: 150px;
        left: 147px;
        width: 6px;
        height: 80px;
        background-color: #000;
        transform-origin: 3px 0;
      }

      .minuteHand {
        position: absolute;
        top: 150px;
        left: 148px;
        width: 4px;
        height: 110px;
        background-color: #000;
        transform-origin: 2px 0;
      }

      .secondHand {
        position: absolute;
        top: 150px;
        left: 149px;
        width: 2px;
        height: 130px;
        background-color: #000;
        transform-origin: 1px 0;
      }

      .scale {
        position: absolute;
        top: 0;
        left: 150px;
        transform-origin: 2.5px 150px;
        width: 2px;
        height: 5px;
        background-color: #000;
      }

      .num {
        position: absolute;
        top: 15px;
        left: 150px;
        width: 20px;
        height: 20px;
        color: 16px;
        text-align: center;
        line-height: 20px;
        transform-origin: 50% 135px;
      }

      .num span {
        display: block;
        transform-origin: 50% 50%;
      }
     